<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Admina Bootstrap Admin. This is the demo of Admina. You need to purchase a license for legal use!">
		<meta name="author" content="DownTown Themes">

		<link rel="shortcut icon" href="../assets/img/icon.png">

		<title>Admina - Responsive Admin Template</title>

		<!-- Google Fonts -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

		<!--Icon fonts css-->
		<link href="../assets/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<link href="../assets/plugins/ionicon/css/ionicons.min.css" rel="stylesheet" />

		<!-- Bootstrap CSS -->
		<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
		<link href="../assets/css/bootstrap-reset.css" rel="stylesheet">

		<!--Animation css-->
		<link href="../assets/css/animate.css" rel="stylesheet">

		<!--Morris Chart CSS -->
		<link rel="stylesheet" href="../assets/plugins/morris/morris.css">

		<!-- sweet alerts -->
		<link href="../assets/plugins/sweet-alert/sweet-alert.min.css" rel="stylesheet">

		<!-- Custom styles -->
		<link href="../assets/css/style.css" rel="stylesheet">
		<link href="../assets/css/helper.css" rel="stylesheet">
		<link href="../assets/css/style-responsive.css" rel="stylesheet" />

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
		<![endif]-->

	</head>

	<body>

		<!-- Header -->
		<header class="top-head container-fluid navbar-fixed-top">
			<!-- logo -->
			<div class="logo hidden-xs">
				<a href="../product/index-2.html" class="logo-expanded"> <img src="../assets/img/icon.png" alt="logo"> <span class="nav-text">Admina</span> </a>
			</div>
			<!-- end logo -->
			<button type="button" class="navbar-toggle pull-left">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-toggle ion-navicon-round"></span>
			</button>

			<!-- Search -->
			<form role="search" class="navbar-left app-search pull-left hidden-xs">
				<input type="text" placeholder="Search..." class="form-control">
			</form>
			<!-- End Search -->

			<!-- Right navbar -->
			<ul class="list-inline navbar-right top-menu top-right-menu">
				<!-- Messages -->
				<li class="dropdown">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#"> <i class="fa fa-envelope-o "></i> <span class="badge badge-sm up bg-purple count">4</span> </a>
					<ul class="dropdown-menu extended fadeInUp animated nicescroll" tabindex="5001">
						<li>
							<p>
								Messages
							</p>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><img src="../assets/img/avatar-2.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span> <span class="block"><strong>Hammond Burke</strong></span> <span class="media-body block">New tasks
								<br>
								<small class="text-muted">3 seconds ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><img src="../assets/img/avatar-3.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span> <span class="block"><strong>Ray Shannon</strong></span> <span class="media-body block">New file add
								<br>
								<small class="text-muted">5 minutes ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><img src="../assets/img/avatar-4.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span> <span class="block"><strong>Hammond Burke</strong></span> <span class="media-body block">New file add
								<br>
								<small class="text-muted">12 minutes ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><img src="../assets/img/avatar-5.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span> <span class="block"><strong>Ray Shannon</strong></span> <span class="media-body block">New tasks needs to be done
								<br>
								<small class="text-muted">15 minutes ago</small></span> </a>
						</li>
						<li>
							<p class="text-center">
								<a href="../inbox.html">All Messages</a>
							</p>
						</li>
					</ul>
				</li>
				<!-- End messages -->
				<!-- Notification -->
				<li class="dropdown">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#"> <i class="fa fa-bell-o"></i> <span class="badge badge-sm up bg-pink count">5</span> </a>
					<ul class="dropdown-menu extended fadeInUp animated nicescroll" tabindex="5002">
						<li class="noti-header">
							<p>
								Notifications
							</p>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-user-plus fa-2x text-info"></i></span> <span>New user add
								<br>
								<small class="text-muted">2 minutes ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-diamond fa-2x text-primary"></i></span> <span>Use file add
								<br>
								<small class="text-muted">4 minutes ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-bell-o fa-2x text-danger"></i></span> <span>Send project demo files to client
								<br>
								<small class="text-muted">2 hour ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-cloud-upload fa-2x text-success"></i></span> <span>Download project
								<br>
								<small class="text-muted">3 hour ago</small></span> </a>
						</li>
						<li>
							<a href="#"> <span class="pull-left"><i class="fa fa-cloud-download fa-2x text-warning"></i></span> <span>Upload projects
								<br>
								<small class="text-muted">5 hour ago</small></span> </a>
						</li>

						<li>
							<p class="text-center">
								<a href="#">All notifications</a>
							</p>
						</li>
					</ul>
				</li>
				<!-- End Notification -->

				<!-- User Menu Dropdown -->
				<li class="dropdown text-center">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#"> <img alt="" src="../assets/img/avatar-2.jpg" class="img-circle profile-img thumb-sm"> <span class="username">Ray Shannon </span> <span class="caret"></span> </a>
					<ul class="dropdown-menu extended pro-menu fadeInUp animated" tabindex="5003" style="overflow: hidden; outline: none;">
						<li>
							<a href="profile.html"><i class="fa fa-briefcase"></i>Profile</a>
						</li>
						<li>
							<a href="#"><i class="fa fa-cog"></i> Settings</a>
						</li>
						<li>
							<a href="#"><i class="fa fa-bell"></i><span class="pull-left"> Issues</span> <span class="label label-info pull-right mail-info">5</span></a>
						</li>
						<li>
							<a href="#"><i class="fa fa-sign-out"></i> Log Out</a>
						</li>
					</ul>
				</li>
				<!-- End User Menu Dropdown -->
			</ul>
			<!-- End Right Navbar -->

		</header>
		<!-- End Header -->

		<!-- Aside Menu -->
		<aside class="left-panel">

			<!-- Navbar -->
			<nav class="navigation">
				<ul class="list-unstyled">

					<li class="has-submenu">
						<a href="#"><i class="ion-settings"></i> <span class="nav-label">Ebay文案配置</span> <span class="caret pull-right m-t-10"></span></a>
						<ul class="list-unstyled">
							<li>
								<a href="index.html">账号管理</a>
							</li>
							<li>
								<a href="EbaySiteManage.html">站点管理</a>
							</li>
							<li>
								<a href="EbayConfig.html">参数配置</a>
							</li>
						</ul>
					</li>

					<li class="has-submenu">
						<a href="#"><i class="ion-flask"></i> <span class="nav-label">Amazon文案配置</span> <span class="caret pull-right m-t-10"></span></a>
						<ul class="list-unstyled">
							<li>
								<a href="AmazonAccount.html">账号管理</a>
							</li>
							<li>
								<a href="AmazonSiteManage.html">站点管理</a>
							</li>
							<li>
								<a href="AmazonConfig.html">参数配置</a>
							</li>
							<li>
								<a href="serverConfig.html">服务器管理</a>
							</li>
						</ul>
					</li>


					<li>
						<a href="index-2.html"><i class="ion-home"></i> <span class="nav-label">产品线配置</span></a>
					</li>
				</ul>
			</nav>
			<!-- End Navbar -->

		</aside>
		<!-- End Aside -->

		<!--Main Content -->
		<section class="content">

			<!-- Page Content -->
				<div class="wraper container-fluid">
					<div class="page-title">
						<h3 class="title">Amazon参数配置</h3>
					</div>



					<div class="row">
						<div class="col-md-4">
							<div class="panel panel-default">
								<div class="panel-heading">
									<h3 class="panel-title">参数列表</h3>
								</div>

								<div class="panel-body">
									<div class="row">
										<div class="col-md-12 col-sm-12 col-xs-12">
											<table class="table table-hover">
												<thead>
													<tr>
														<th>参数名</th>
														<th>参数表达</th>
													</tr>
												</thead>
												<tbody id="param_tbody">
													<tr >
														<td><input type="text" class="form-control param_input1" oninput='paramSub(this)'  placeholder="paramName" name="paramName"></td>
														<td><input type="text" class="form-control param_input2" oninput='paramSub(this)' placeholder="paramCode" name="paramCode"></td>
													</tr>

												</tbody>
											</table>
										</div>
									</div>
									<div class="panel-footer">
										<button type="button" id="addParam" class="btn btn-purple w-sm m-b-5">
											添加
										</button>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-8">
							<div class="panel panel-default">
								<div class="panel-heading">
									<h3 class="panel-title">公式</h3>
								</div>
								<div class="panel-body">
									<div class="row">
										<div class="col-md-12 col-sm-12 col-xs-12">
											<table class="table table-striped">
												<thead>
													<tr>
														<th class="col-lg-2">公式名</th>
                                                        <th class="col-lg-2">结果代码</th>
														<th class="col-lg-8">公式</th>
													</tr>
												</thead>
												<tbody id="formula_tbody">
													<tr>
														<td><input type="text" class="form-control formula_input1" oninput='formulaSub(this)'  placeholder="formulaName" name="formulaName"></td>
														<td><input type="text" class="form-control formula_input2" oninput='formulaSub(this)'  placeholder="formula" name="formulaCode"></td>
                                                        <td><input type="text" class="form-control formula_input3" oninput='formulaSub(this)'  placeholder="formula" name="formula"></td>
                                                    </tr>

												</tbody>
											</table>
										</div>
									</div>
								</div>
								<div class="panel-footer">
									<button type="button" id="addFormula" class="btn btn-purple w-sm m-b-5">
										添加
									</button>
								</div>
							</div>
						</div>
					</div>
					<!-- End Row -->


				</div>
				<!-- Page Content Ends -->
				<!-- ================== -->

				<!-- Footer -->
				<footer class="footer">
					2015 © Admina By Downtown Themes
				</footer>
				<!-- End Footer -->

		</section>

		<!-- Basic Plugins -->
		<script src="../assets/js/jquery.js"></script>
		<script src="../assets/js/bootstrap.min.js"></script>
		<script src="../assets/js/pace.min.js"></script>
		<script src="../assets/js/wow.min.js"></script>
		<script src="../assets/js/jquery.nicescroll.js" type="text/javascript"></script>

		<script src="../assets/js/app.js"></script>
		<script>
			$(document).ready(function () {
			    var formulaNum = 2;
			    var paramNum = 2;
				$("#addFormula").click(function () {
					var addHtml = "<tr><td><input type=\"text\" class=\"form-control formula_input1\" oninput='formulaSub(this)'  placeholder=\"formulaName\" name=\"formulaName"+formulaNum+"\"></td><td><input type=\"text\" class=\"form-control formula_input2\" oninput='formulaSub(this)'  placeholder=\"formulaCode\" name=\"formulaCode"+formulaNum+"\"></td><td><input type=\"text\" class=\"form-control formula_input3\" oninput='formulaSub(this)'  placeholder=\"formula\" name=\"formula"+formulaNum+"\"></td></tr>";
				    //alert(addHtml)
					$("#formula_tbody").append(addHtml);
					formulaNum++;
				})
                $("#addParam").click(function () {
                    var addHtml = "<tr><td><input type=\"text\" class=\"form-control param_input1\" oninput='paramSub(this)'  placeholder=\"paramName\" name=\"paramName"+paramNum+"\"></td><td><input type=\"text\" class=\"form-control param_input2\" oninput='paramSub(this)' placeholder=\"paramCode\" name=\"paramCode"+paramNum+"\"></td></tr>";
                    //alert(addHtml)
                    $("#param_tbody").append(addHtml);
                    paramNum++;
                })
                $(".formula_input1,.formula_input2").blur(function(){
                    //ajax提交数据
                })
            })
			var init = function(){
			    //ajax加载初始化param和formula
			}
            var  paramSub = function(obj){
                console.log($(obj).val());
            }
            var formulaSub = function(obj){

			}
		</script>
	</body>
</html>
